<?php echo $this->Html->css('admin/admin_organisations_index'); ?>

<div id="container">

    <div id="organisations-container">

        <div class="row-fluid" id="content-row">

            <div class="span3">
                <?php
                echo $this->element("organisation/admin/navigation");
                ?>
            </div>

            <div class="span9">
                <div class="row">
                    <div class="span12">
                        <div class="header">
                            <div class="span6">
                                <div class="pull-left">
                                    Account hooooo
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="span12">
                        <ul id="myTab" class="nav nav-tabs">
                            <li class="active"><a href="#home" data-toggle="tab">Organization Info</a></li>
                            <li class=""><a href="#profile" data-toggle="tab">Organization Account</a></li>
                        </ul>
                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane fade active in" id="home">
                                <form action="<?php echo $this->Html->url(array('action' => 'add')); ?>" method ="post" id="profile-form" class="form-horizontal">
                                    <fieldset> 
                                        <legend>Personal Information</legend>

                                        <div class="row-fluid">
                                            <div class="span5">
                                                <div class="control-group">
                                                    <label class="control-label" for="first_name"> * First Name </label> 
                                                    <div class="controls">
                                                        <input type ="text" name="Member[first_name]" id ="first_name" required="" />
                                                    </div>
                                                </div>

                                                <div class="control-group"> 
                                                    <label class="control-label" for="middle_name"> Middle Name </label> 
                                                    <div class="controls">
                                                        <input type ="text" name="Member[middle_name]" id ="middle_name"/>
                                                    </div> 
                                                </div>

                                                <div class="control-group">
                                                    <label class="control-label" for="last_name"> * Last Name </label> 
                                                    <div class="controls">
                                                        <input type ="text" name="Member[last_name]" id ="last_name" required="" />
                                                    </div> 
                                                </div>

                                                <div class="control-group">
                                                    <label class="control-label" for="title"> Title </label> 
                                                    <div class="controls">
                                                        <select name="Member[title]"> 
                                                            <option value="mr">Mr.</option>
                                                            <option value="mrs">Mrs.</option>
                                                            <option value="ms">Ms.</option>
                                                            <option value="dr">Dr.</option>
                                                            <option value="prof">Prof.</option>
                                                            <option value="prof_dr">Prof. Dr.</option>
                                                            <option value="rev">Rev. </option>
                                                            <option value="rev_dr">Rev. Dr.</option> </select>
                                                    </div> 
                                                </div>
                                                <div class="form-actions">
                                                    <button type="submit" class="btn" id="submit-btn"><i class="icon icon-save"></i> Submit</button>
                                                    <button type="button" class="btn" id="cancel-btn"><i class="icon icon-remove"></i> Cancel</button>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </form>
                            </div>
                            <div class="tab-pane fade" id="profile">
                                table here
                            </div>

                        </div>

    </div>
</div>
